---
layout: default
---
<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">

  <header class="post-header">
    <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
    <p class="post-meta">
      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
        {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
        {{ page.date | date: date_format }}
      </time>
      {%- if page.author -%}
      • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card"
          itemprop="name">{{ page.author }}</span></span>
      {%- endif -%}</p>
  </header>

  <div class="post-content e-content" itemprop="articleBody">
    {{ content }}
  </div>

  {%- if site.disqus.shortname -%}
  {%- include disqus_comments.html -%}
  {%- endif -%}

  <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>

</article>

<!-- Gitalk start -->
<div id="gitalk-container"></div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script>
  var path = location.pathname;
  path = path.substr(path.lastIndexOf('/') + 1);
  const gitalk = new Gitalk({
    clientID: '624ebadbb7833a525b34',
    clientSecret: 'fbd9bcd54ea5150186c46abdfa5affe15e05e184',
    repo: 'gitalk-comment', // The repository of store comments,
    owner: 'zhengxl5566',
    admin: ['zhengxl5566'],
    id: path, // Ensure uniqueness and length less than 50
    distractionFreeMode: false // Facebook-like distraction free mode
  })

  gitalk.render('gitalk-container')
</script>
<!-- Gitalk end -->